@charset "utf-8";
/* /* 滚动条样式 */
   ::-webkit-scrollbar {
	    width: 4px;
	    height: 4px;
	    background-color: #ffffff;
	}
	   
	/*定义滚动条轨道 内阴影+圆角 */
	::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0);
	    border-radius: 10px;
	    background-color: #ffffff;
	}
	   
	/*定义滑块 内阴影+圆角 */
	::-webkit-scrollbar-thumb{
	    border-radius: 10px;
	    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0);
	    background-color: #666666;
       }
html,body{ margin:0; padding:0; height:100%;}
.bg-white{
	/* margin: 20px; */
	padding:20px;
	background: #ffffff!important;
	position: relative;
	z-index: 99;
	overflow-x:hidden;
    overflow-y:auto;
}
.title-info {
	color: #333333;
	border-left: 2px solid #2fd6cc;
	font-size: 14px;
	line-height: 14px;
	padding-left: 5px;
	display: block;
}
.title-info span{
	font-weight: 600;
}
.text-title {
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	vertical-align:text-top;
}
.text-titlebg{
	text-align: left;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	background: #f3faff;
	vertical-align:text-top;
}
.title-list{
	color: #333333;
	font-size: 14px;
	line-height: 14px;
	padding-left: 5px;
	display: block;
}
.title-listbg{
	width:18px;
	height:12px;
	display: inline-block;
	margin-right: 10px;
	background: url("/image/listIcon.png") no-repeat center center;
}
.w250{
	margin-left: 10px;
	width: 250px!important;
}
.w220{
	margin-left: 10px;
	width: 220px!important;
}
.w200{
	margin-left: 10px;
	width: 200px!important;
}
.w100{
	/*margin-left: 10px;*/
	width: 100px!important;
}
.wpl{
	padding-left: 10px!important;
}
.wp{
	padding: 10px!important;
}
.wtextarea50{
	width: 100%!important;
	height: 50px!important;
}
.wtextarea{
	width: 100%!important;
	height: 100px!important;
	line-height: 1.5;
}
.w-300px{
    width: 300px!important;
}
.w-229px{
    width: 229px!important;
}
.w-166px{
	width: 166px!important;
}
.w-163px{
	width: 163px!important;
}
.w-140px{
	width: 140px!important;
}
.w-127px{
	width: 127px!important;
}
.w-109px{
	width: 109px!important;
}
.w-81px{
	width: 81px!important;
}
.w-70px{
	width: 70px!important;
}
  	/* .mini-textbox{
      		height: 36px!important;
      		line-height: 36px;
      	} */
      	/* .mini-required .mini-textbox-border, .mini-required .mini-buttonedit-border {
	    background: #ffffff;
	} */
	/* .mini-textbox-border,.mini-textbox-input{
		height: 34px!important;
		line-height: 34px;
	} */
.font-14 {
	font-size: 14px;
}

.title-box {
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	min-width: 110px;
}

.chose-toolbar {
	padding: 20px;
	text-align: center;
}

.chose-button {
	/*padding: 10px 30px;*/
	margin: 0 40px;
    width: 98px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    font-size: 16px;
	border: 1px solid #666666;
	border-radius: 18px;
	cursor: pointer;
	text-decoration:none;
}

.save-button {
	background: #02ccc3;
	color: #ffffff;
	border: 1px solid #02ccc3;
	cursor: pointer;
}
.save-button:active{  
  background-color: #02ccc3;  
}  
.save-button:visited{
	color: #ffffff;
}
.w320 {
	width: 320px;
}

.w150 {
	width: 150px;
}
/*列表查看详细、修改、删除、添加按钮*/
.newly,.delAll{
	margin: 0 5px;
	padding-bottom: 1px;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	cursor: pointer;
}
.newly{
	/*新增*/
	color: #0098fe;
	border-bottom: 1px solid #0098fe;
}

.boxtemplet{
       	font-size: 14px;
	    height: 32px;
	    line-height: 32px;
	    padding-left: 10px;
	    text-decoration: none;
	    display: inline-block;
	    cursor: pointer;
	    text-align: center;
    	position: relative;
       	z-index: 99;
    }
	.boxtemplet .moreHandle{
		display: inline-block;
		width:100px;
		height:32px;
		line-height:32px;
		color:#109efd;
		cursor: pointer;
	}
	.more-bg{
	    display: inline-block;
	    width: 18px;
	    height: 18px;
	    vertical-align: middle;
	    background: url(/image/addMore.png) no-repeat center center;
	    margin-right: 5px;
	    margin-top: -1px;
	}
        .boxtemplet .templet{
            display: none;
			background: #ffffff;
			color: #0098fe;
			padding: 20px 20px 10px;
			position: absolute;
			text-align:left;
		    z-index: 999;
		    top: 32px;
		    right: 0px;
		    width: 140px;
            border-radius: 4px;
            cursor: pointer;
		    box-shadow:0 2px 2px #dee8f0; /*底边阴影*/
        }
        .boxtemplet .templet:before{
            position: absolute;
            left:110px;
            top:-5px;
            content: "";
            width: 0;
            height: 0;
            border-bottom: 5px solid #dee8f0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
        }
        .boxtemplet .templet:after{
            position: absolute;
            left:110px;
            top:-4px;
            content: "";
            width: 0;
            height: 0;
            border-bottom:4px solid #ffffff;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
        }
         .boxtemplet .templet .more-text{
         	font-size: 14px;
		    height: 14px;
		    line-height: 14px;
		    text-decoration: none;
		    color: #109efd;
		    margin-bottom:10px;
		    display: inline-block;
		    cursor: pointer;
		    text-align: center;
        }
        .boxtemplet:hover .templet{
            display: inline-block;
        }
.positionR{
	position: relative;
}
.positionA{
	position: absolute;
	right: 0
}
.delAll{
	color: #fc3d3d;
	border-bottom: 1px solid #fc3d3d;
}
.check-botton,.revise-botton,.del-botton,.apply-botton{
	/*padding:0px 20px;*/
	padding:0 5px;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	/*border-right:1px solid #cccccc; */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.btn-bd{
	border-left: 1px solid #cccccc;
}
.check-botton{
	color: #0098fe;
}
.revise-botton{
	color: #2fd6cc;
}
.del-botton{
	color: #fc3d3d!important;
}
.apply-botton{
	color: #fea129;
}
.color-red {
	color: #fc3d3d!important;
}
.color-66 {
	color: #666666;
}
.color-cc {
	color: #cccccc;
}
.add-botton{
	font-size: 14px;
	/* width: 88px; */
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	text-decoration:none;
	color: #ffffff;
	/*border-radius: 4px;*/
	border-radius: 16px;
	display: inline-block;
	cursor: pointer;
	text-align:center;
	/*background: #39bbcf;*/
	background: -webkit-linear-gradient(left, #02ccc3 , #14a8c1); /*Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #02ccc3 , #14a8c1);  /*Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #02ccc3 , #14a8c1); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #02ccc3 , #14a8c1); /* 标准的语法（必须放在最后） */
}
.common-btn{

}
.add-bg{
	display: inline-block;
	width:12px;
	height:12px;
	vertical-align: middle;
	background: url(/image/add.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.edit-bg{
	display: inline-block;
	width:12px;
	height:12px;
	vertical-align: middle;
	background: url(/image/edit.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.revise-bg{
	display: inline-block;
	width:12px;
	height:12px;
	vertical-align: middle;
	background: url(/image/revise.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.resetting-bg{
	display: inline-block;
	width:12px;
	height:12px;
	vertical-align: middle;
	background: url(/image/resetting.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.bill-export,.stamp-export{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-decoration:none;
	color: #02ccc3;
	display: inline-block;
	cursor: pointer;
	text-align:center;
}
.span-line{
	/*line-height: 20px;*/
	border-bottom:1px solid #02ccc3;
}
.bill-bg{
	display: inline-block;
	width:18px;
	height:18px;
	vertical-align: middle;
	background: url(/image/export.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.billoff-bg{
	display: inline-block;
	width:22px;
	height:18px;
	vertical-align: middle;
	background: url(/image/leading.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -2px;
}
.stamp-bg{
	display: inline-block;
	width:18px;
	height:18px;
	vertical-align: middle;
	background: url(/image/templet.png) no-repeat center center;
	margin-right: 5px;
	margin-top: -1px;
}
.send-bg{
	display: inline-block;
	width:18px;
	height:18px;
	vertical-align: middle;
	background: url(/image/right.png) no-repeat center right;
	margin-left: 26px;
	margin-top: -1px;
}
.resetting-btn{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	text-align:center;
	text-decoration:none;
	color: #39bbcf;
	border-radius: 16px;
	display: inline-block;
	border: 1px solid #39bbcf;
	cursor: pointer;
}
.lead-botton{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	width: 100px;
	padding: 0 16px;
	text-align:center;
	text-decoration:none;
	color: #f76b1e;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #f76b1e;
	cursor: pointer;
}
.delall-botton{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	text-decoration:none;
	color: #fc3d3d;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #fc3d3d;
	cursor: pointer;
}
.plan-btn{
	font-size: 14px;
	/* width: 88px; */
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	text-decoration:none;
	color: #ffffff;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	text-align:center;
	background: #02ccc3;
}
.search-title{
	min-width: 66px;
	text-align: right;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	padding-right: 10px;
	font-size: 14px;
}
/*搜索宽度*/
.search-220px{
	width: 220px!important;
}
.search-100px{
	width: 100px!important;
}
.search-150px{
	width: 150px!important;
}
.search-200px{
	width: 200px!important;
}
.search-ml20{
	margin-left: 20px;
}
.search-ml60{
	margin-left: 60px;
}
.search-ml80{
	margin-left: 80px;
}
.button-rt{
	margin-right: 100px;
	margin-bottom: 20px;
}
.mR-20{
	margin-right: 20px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-40{
	margin-bottom: 40px;
}
.mt-20{
	margin-top: 20px;
}
.pl-10{
	padding-left: 10px;
}
.text-right{
	text-align: right;
}
.position-rel{
	position: relative;
	z-index: 99;
}
.position-abs{
	position: absolute;
	right: 0;
	display: inline-block;
	z-index: 9999;
}
.unit-span{
	padding-left: 5px;
	font-size: 14px;
	color: #333333;
}
.search-span{
	background: url("/image/seachClick.png") no-repeat center bottom;
	width: 18px;
	height: 18px;
	vertical-align:middle;
	margin-left: 5px;
	display: inline-block;
}
/*查看边框样式修改*/
	.title-div{
		font-size: 14px;
		margin-bottom: 10px;
		display: inline-block;
	}
	.title-red{
		color: #fc3d3d;
	}
	.title-yellow{
		color: #fab514;
	}
	.title-orange{
		color: #f76b1e;
	}
	.title-blue{
		color: #0098fe;
	}
	.title-green{
		color: rgb(2, 204, 195);
	}
	.span-green{
		width: 60px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 10px;
		color: #ffffff;
		display: inline-block;
		background: rgb(2, 204, 195);
	}
	.span-yellow{
		width: 60px;
		height: 20px;
		line-height: 20px;
		border-radius: 10px;
		color: #ffffff;
		background: #fab514;
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}
	.span-orange{
		width: 60px;
		height: 20px;
		line-height: 20px;
		border-radius: 10px;
		text-align: center;
		display: inline-block;
		color: #ffffff;
		background: #f76b1e;
	}
	.span-red{
		width: 60px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 10px;
		color: #ffffff;
		display: inline-block;
		background: #fc3d3d;
	}
	.f20{
		font-size: 30px;
	}
	.f10{
		font-size: 10px;
	}
	.sub{vertical-align:sub;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		margin:10px 0px 0px 0px
	}
	.input-div{
		padding-left:10px;
		font-size: 14px;
		display: inline-block;
	}
	.textarea-div{
		width: 100%;
		min-height: 100px;
		max-height: 200px;
		font-size: 14px;
		padding:5px 10px;
		line-height: 1.5;
		overflow: hidden;
	}
	input:not([type]):disabled,textarea:disabled{
		background: #ffffff!important;
	}
	.no-input{
		border: 0;
	}
	.table-bg{
		width: 100%;
		border-collapse: collapse;
		margin: 20px 0;
		border-left: 1px solid #eef5fa!important;
		border-right: 1px solid #eef5fa!important;
		table-layout:fixed;
	}
	.table-default{
		width:100%;
		table-layout: fixed;
	}
	.table-bg tr{
		height: 42px;
		line-height: 42px;
		border-top:1px solid #eef5fa!important;
		border-bottom: 1px solid #eef5fa!important;
	}

/*附件*/
	.up-botton{
		font-size: 14px;
		/* width: 88px; */
		height: 32px;
		line-height: 32px;
		padding: 0 20px;
		text-decoration:none;
		color: #ffffff;
		border-radius: 5px;
		display: inline-block;
		cursor: pointer;
		text-align:center;
		background: #0098fe;
		/*background: #76a6f0;*/
	}
	.flex_div{
		display: flex;
	}
	.flex_box{
		flex: 1;
		display: flex;
		background: #f6f8fb;
		/*margin-right: 10px;*/
	}
	.flex_title{
		display:inline-block;
		margin:9px 0;
		line-height:14px;
		padding:0 20px 0 10px;
		color:#666666;
		border-right: 1px solid #cfd7e6;
	}
	.flex-filebox{
		flex:1;
	}
	.flex-file{
		display: inline-block;
		padding: 0 10px;
		position: relative;
	}
	.flex-filename{
		/* line-height: 14px; */
		line-height: 32px;
		display: block;
		cursor: pointer;
		color: #0098fe;
	}
	.flex_up{
		margin-left: 10px;
	}
	.attachment-box{
		display: flex;
		width: 100%;
		padding-bottom: 10px;
	}
	.attachment-title{
		width: auto;
	}
	.attachment-text{
		line-height: 35px;
		font-size: 14px;
	}
	.blue-dot{
		width: 8px;
		height: 8px;
		display: inline-block;
		background: #0098fe;
		border-radius: 100%;
		margin-right: 10px;
	}
	.attachment-content{
		margin-left: 20px;
		flex: 1;
		flex-direction: row;
		flex-wrap:wrap-reverse;
		justify-content: flex-start;
		align-items:center;
	}
	.update-button{
		width: 100px;
		height: 41px;
		text-decoration:none;
		border-radius: 5px;
		display: inline-block;
		cursor: pointer;
		background: url("/image/upload.png") no-repeat center center;
		float: left;
	}
	.del-file{
		width:20px;
		height:20px;
		display:inline-block;
		background: url("images/fork.png") no-repeat;;
	}
	.updata-box{
		padding-left: 100px;
		/*padding:10px;*/
		/* border: 1px solid #cccccc; */
	}
	.file-box{
		position: relative;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
	    color: #0098fe;
	}
	.file-name{
		font-size: 14px;
		line-height: 41px;
		padding-right:10px;
		text-align: center;
		display: block;
		cursor: pointer;
	}
	.img-wh{
		width: 12px;
		height: 12px;
		line-height:14px;
		/* margin-left:5px; */
		display:inline-block;
		background: url("/scripts/res/images/fork.png");
		position: absolute;
	    top: 5px;
	    right: 0;
	}
	/*上传文件图标*/

	/* 弹出框样式 */
	*{margin: 0;padding: 0;}
	.clearfix:after{content: '';display: table;width: 100%;clear: both;}
	.popup-bg{
	    position: fixed;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    background: rgba(0,0,0,0.1);
	    z-index: 9999;
	}
	.popup-box{
	    width: 416px;
	    height: 250px;
	    border-radius: 10px;
	    background-color: rgb(255, 255, 255);
	    padding: 0 80px;
	    text-align: center;
	    z-index: 99999;
	    position:absolute;
	    left:0;
	    right:0;
	    top:0;
	    bottom:0;
	    margin:auto;
	    z-index: 999;
	}
	.del-img{
	    width: 148px;
	    height: 148px;
	    display: block;
	    position: absolute;
	    top: -65px;
	    left:0;
	    right: 0;
	    z-index:9999;
	    margin:auto;
	}
	.message{
	    padding-top: 90px;
	    padding-bottom: 50px;
	    text-align: center;
	}
	.cancel-button {
	    /*padding: 10px 30px;*/
	    width: 98px;
	    height: 36px;
	    line-height: 36px;
	    display: inline-block;
	    font-size: 16px;
	    border: 1px solid #666666;
	    border-radius: 16px;
	    cursor: pointer;
	    text-align: center;
	}

	.keep-button {
	    margin-left: 40px;
	    background: #02ccc3;
	    color: #ffffff;
	    border: 1px solid #02ccc3;
	    cursor: pointer;
	}
	/* 弹出框样式 */

	/*单选框样式 start*/
	.fl{
		float: left;
	}
	.catalog{
		width: 100%;
		height: 33px;
	}
	.catalog .whole,
	.catalog .supply,
	.catalog .control ,
	.catalog .odd{
	    position: relative;
	    width: 98px;
	    height: 32px;
	    z-index: 1;
	    line-height: 32px;
	    text-align: center;
	}
	.catalog .whole label,
	.catalog .supply label,
	.catalog .control label,
	.catalog .odd label {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    width: 98px;
	    height: 32px;
	    z-index: 3;
	    opacity: 0;
	    margin: auto;
	    display: inline-block;
	    line-height: 32px;
	    cursor: pointer;
	}
	.catalog input {
	    display: inline-block;
	    vertical-align: middle;
	    height: 32px;
	    line-height: 32px;
	    margin: 0;
	}
	.catalog .whole span.btn,
	.catalog .supply span.btn ,
	.catalog .control span.btn,
	.catalog .odd span.btn{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    width: 98px;
	    height: 32px;
	    z-index: 2;
	    margin: auto;
	    display: inline-block;
	    line-height: 32px;
	    text-align: center;
	    background-color: #ffffff;
	    color: #999999;
	    border: 1px solid #999999;
	    border-radius: 16px;
	}
	.catalog .whole span {
	    border-top-left-radius: 1px;
	    border-bottom-left-radius: 1px;
	}
	.catalog .supply span {
	    border-top-right-radius: 1px;
	    border-bottom-right-radius: 1px;
	}
	.catalog .control span {
	    border-top-right-radius: 1px;
	    border-bottom-right-radius: 1px;
	}
	.catalog .odd span {
	    border-top-right-radius: 1px;
	    border-bottom-right-radius: 1px;
	}
	.catalog .whole span.active,
	.catalog .supply span.active,
	.catalog .control span.active,
	.catalog .odd span.active {
	    border: 1px solid #02ccc3;
	    background: #02ccc3;
	    color: #ffffff;
	}

	/*单选框样式 end*/

	/*列表悬浮框选择start*/
	.suspend{
		position:absolute;
		right: 10px;
		width: 30px;
		height: 13px;
		line-height: 13px;
		display: inline-block;
		z-index: 999;
	}
	.suspend .suspend-omit{
            text-decoration: none;
            width: 100%;
            height: 13px;
            display: inline-block;
            background: url("/image/point.png") no-repeat center center;
        }

        .suspend .suspend-div{
            display: none;
            width: 130px;
            height: 60px;
            border: 1px solid #666666;
            position: relative;
            right: 112px;
            padding: 10px;
            z-index: 9999;
            background: #ffffff;
        }
        .suspend .suspend-div:before{
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            left: 100px;
            top:-10px;
            /*border-top: 10px solid transparent;*/
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #666666;
        }
        .suspend .suspend-div:after{
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            left: 101px;
            top: -9px;
            /*border-top:8px solid transparent;*/
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #ffffff;
        }
        .suspend .suspend-div a{
            width: 100%;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            text-align: center;
            display: block;
            text-decoration: none;

        }
        .suspend:hover .suspend-div{
            display: inline-block;
        }
        /*列表悬浮框选择end*/
        .errorText{
        	margin-left: 5px;
        	display: inline-block;
        	padding-left: 10px;
        	font-size: 12px;
        	color:#fc3d3d;
        	background: url("/image/warning.png") no-repeat;
        	line-height: 14px;

        }
        /*.errorText{
            display: inline-block;
            min-width: 150px;
            padding: 0 10px;
        	font-size: 12px;
        	color:#fc3d3d;
        	border-radius: 5px;
        	line-height: 20px;
            border: 1px solid #fff3e1;
            position: absolute;
            top: 20px;
            left: 0;
            z-index: 9999;
            background: #fff3e1;
        }*/
        /*.errorText:before{
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            left: 145px;
            top:-6px;
            border-top: 6px solid transparent;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff3e1;
        }*/
        /*.errorText:after{
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            left: 145px;
            top: -6px;
            border-top:6px solid transparent;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff3e1;
        }*/
        
      #mask{
        background: rgba(255,255,255,0.6);
	    position: absolute;
	    z-index: 9999;
	    width: 100%;
	    height: 100%;
	    display:block;
	    top: 0;
	    overflow: hidden;
    }
    .mask-hidden{
    	display: none!important;
    }
    

    /*文件导入样式 start*/
    .choose{
		border: 1px dashed #cccccc;
		width: 296px;
		height: 80px;
        margin: 0 auto;
	}
    .clickA{
        width: 296px;
        height: 80px;
        line-height: 80px;
        color: #cccccc;
        font-size: 14px;
        text-align: center;
        display: block;
        cursor: pointer;
        position: relative;
    }
    .file{  
        filter:alpha(opacity:0);
        opacity: 0;
        width:100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .blue{
        color: #0098fe;
    }
    .file_div{
    	width: 100%;
    	line-height: 28px;
        position: relative;
        display: none;
    }
    .file_div span{
        font-size: 14px;
    }
    .file-bg{
    display: inline-block;
    width:28px;
    height:28px;
    vertical-align: middle;
    background: url(/image/excel.png) no-repeat center center;
    margin-right: 5px;
    margin-top: -2px;
}
.del_a{
    text-align: right;
    position: absolute;
    right: 0;
    top: 6px;
}
    /*文件导入样式 end*/
    
    /* flex布局 start */
    .flex_boxM{
	    width: 100%; 
	    display:-moz-box; 
	    display:-webkit-box; 
	    display:box;
	    -webkit-box-align:center; 
	    -o-box-align:center; 
	    box-align:center;
	    display: flex;
	    -webkit-flex-flow: row;flex-flow: row;
	    /*flex-wrap:wrap;*/
	    align-items:center;
	    position: relative;
	}
	.flex_boxT{ width:100%;display:-moz-box; display:-webkit-box; display:box;
	    -moz-box-align:top; -webkit-box-align:top;-o-box-align:top; box-align:top;
	    display: flex;
	    -webkit-flex-flow: row;flex-flow: row;
	    align-items:flex-start
	}
	
	/*//垂直布局*/
	.flex_boxV{ display:-moz-box; display:-webkit-box; display:box;-moz-box-orient:vertical; -webkit-box-orient:vertical; box-orient:vertical;
	    display: flex;
	    -webkit-flex-flow: column;flex-flow: column;
	
	}
	/*自适应布局*/
	.flex_box1{ 
		width: 0;
	    -moz-box-flex:1;
	    -webkit-box-flex: 1;    
	    -webkit-flex: 1;    
	    flex: 1;
	}
	.flex_box2{ 
		-moz-box-flex:7; 
		-webkit-box-flex:7; 
		box-flex:7; flex:7 ;
		width: 0;
	    height:100%;
    }
	.flex_boxV1{
		-moz-box-flex:1; 
		-webkit-box-flex:1; 
		box-flex:1; 
		flex:1; 
	}
     /* flex布局 start */
    /* 选项卡 start */
    .tab{width:100%;height:100%;}
		.tab-menu{height:42px;width:100%;border-bottom: 1px solid #edf0f7;margin-bottom: 10px;}
		.tab-menu ul{list-style:none;height: 40px;line-height: 40px;}
		.tab-menu li{display:block;width:86px;float:left;color: #8b93a6;text-align: center;font-size: 14px;font-weight: bold;}
		.tab-box{
			width: 100%;
			height: 100%;
		}
		.tab-box div.div_chose{display:block;width: 100%;height: 100%;overflow: hidden;}
		/* 让第一个框显示出来 */
		.tab-box div.div_chose:first-Child{display:block;} 
		/* 改变选项卡选中时候的样式 */
		.change{
			display: inline-block;
		    color: #8b93a6;
		    font-family: '微软雅黑';
		    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(2, 204, 195, 1)), to(rgba(20, 168, 193, 1)));
		    -webkit-background-clip: text;
		    -webkit-text-fill-color: transparent;
		    border-bottom: 2px solid #02ccc3;
		}
		/* 选项卡 end */
    .area{
		margin-left: 0!important;
    	display: inline-block;
    }

	/*选择年月*/
	#yearItem{
		display: inline-block;
	}